      <!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>评价</title>
		<link rel="stylesheet" type="text/css" href="css/commen.css" />
		<link rel="stylesheet" type="text/css" href="css/comments.css" />
		<script type="text/javascript" src="js/jquery-1.11.0.js" ></script>
		<script type="text/javascript" src="js/banner.js" ></script>
		
	</head>
	<body>
		<div class="header">
			<div class="header-top">
				<div class="navigation">
					<ul>
						<li><a href="#">网站导航</a></li>
						<li><a href="#">客户服务</a></li>
						<li><a href="user.html">会员中心</a></li>
						<li><a href="shop_cart.html">购物车</a></li>
						<li><a href="#">我的收藏</a></li>
						<li><a href="#">我的贺曼</a></li>
						<li><a href="register.html">注册</a></li>
						<li><a href="login.html">登录</a></li>
					</ul>
				</div>
			</div>
			<div class="header-conter">
				<a href="index.html" class="left"><img src="images/logo.jpg"></a>
				<div class="middle">
					<div class="search">
						<input type="text" class="btn" />
						<span>搜索</span>
					</div>
					<i>大家都在搜：<a href="pro_details.html">连衣裙</a>  <a href="pro_details.html">连体衣 </a> <a href="pro_details.html">儿童毯</a>  <a href="pro_details.html">帽子</a></i>
				</div>
				<a class="right"><img src="images/index01.jpg"></a>
			</div>
			<div class="header-bottom">
				<div class="menu">
					<ul>
						<li><a href="index.html">首页</a></li>
						<li><a href="shop_list.html">特惠购</a></li>
						<li><a href="shop_list.html">闪购</a></li>
						<li><a href="shop_list.html">新品抢购</a></li>
						<li><a href="shop_list.html">全球购</a></li>
					</ul>
				</div>
				
			</div>
		</div>
		<div class="nav">

			<div class="sub-nav">
				<div class="pro-classify">
					<h2>全部产品分类</h2>
					<ul>
						<li>
							<a class="tx">
								婴幼儿服装>
							</a>
							<div class="pro">
								<dl>
									<dt>连体衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>套装&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>内衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
							</div>
						</li>
						<li class="a2">
							<a class="tx">男童服装></a>
							<div class="pro">
								<dl>
									<dt>2连体衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>套装&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>内衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
							</div>
						</li>
						<li class="a3">
							<a class="tx">女童服装></a>
							<div class="pro">
								<dl>
									<dt>3连体衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>套装&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>内衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
							</div>
						</li>
						<li class="a4">
							<a class="tx">儿童配饰></a>
							<div class="pro">
								<dl>
									<dt>4连体衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>套装&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>内衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
							</div>
						</li>
						<li class="a5">
							<a class="tx">婴儿家居></a>
							<div class="pro">
								<dl>
									<dt>5连体衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>套装&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>内衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
							</div>
						</li>
						<li class="a6">
							<a class="tx">儿童家居></a>
							<div class="pro">
								<dl>
									<dt>6连体衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>套装&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>内衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
							</div>
						</li>
						<li class="a7">
							<a class="tx">其他></a>
							<div class="pro">
								<dl>
									<dt>7连体衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>套装&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>内衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
							</div>
						</li>
					</ul>
				</div>
				<!--pro-classify-->
			</div>	
		</div>
		<!--头部 end-->
		<div class="conter">
			<div class="middle">
				<div class="mid-top">
					<h3>商品评论</h3>
					<div class="left">
						<a href="pro_details.html"><img src="images/comments00.jpg"></a>
						<p>女婴2016秋冬纯棉长袖</p>
						<p>秋冬小熊连帽背包长袖连体衣</p>
					</div>
					<div class="right">
						<ul>
							<li>
								描述相符：
								<img src="images/comments-input.png">
								<img src="images/comments-input.png">
								<img src="images/comments-input.png">
								<img src="images/comments-input.png">
								<img src="images/comments-input.png">
							</li>
							<li>
								物流服务：
								<img src="images/comments-input.png">
								<img src="images/comments-input.png">
								<img src="images/comments-input.png">
								<img src="images/comments-input.png">
								<img src="images/comments-input.png">
							</li>
							<li>
								服务态度：
								<img src="images/comments-input.png">
								<img src="images/comments-input.png">
								<img src="images/comments-input.png">
								<img src="images/comments-input.png">
								<img src="images/comments-input.png">
							</li>	
						</ul>
						
					</div>
				</div>
				<script>
					$(document).ready(function() {
						$(".right ul li:nth-child(1) img").click(function() {
								console.log($(this).index());
								var imglen = $(".right ul li:first-child").find("img").length
								for (i = 0; i <= $(this).index(); i++) {
									if ($(this).attr("src") == "images/comments-on.png") {
										console.log(123)
										for (var x = imglen; x > $(this).index(); x--) {  
											$(".right ul li:nth-child(1) img").eq(x).attr("src", "images/comments-input.png")
										
										}
									} else {
										$(".right ul li:nth-child(1) img").eq(i).attr("src", "images/comments-on.png")
									} 
								}
							})
						    $(".right ul li:nth-child(2) img").click(function() {
								console.log($(this).index())
								var imglen = $(".right ul li:first-child").find("img").length
								for (i = 0; i <= $(this).index(); i++) {
									if ($(this).attr("src") == "images/comments-on.png") {
										console.log(123)
										for (var x = imglen; x > $(this).index(); x--) {  
											$(".right ul li:nth-child(2) img").eq(x).attr("src", "images/comments-input.png")
										}
									} else {
										$(".right ul li:nth-child(2) img").eq(i).attr("src", "images/comments-on.png")
									} 
								}
							})
						    $(".right ul li:nth-child(3) img").click(function() {
								console.log($(this).index())
								var imglen = $(".right ul li:first-child").find("img").length
								for (i = 0; i <= $(this).index(); i++) {
									if ($(this).attr("src") == "images/comments-on.png") {
										console.log(123)
										for (var x = imglen; x > $(this).index(); x--) {  
											$(".right ul li:nth-child(3) img").eq(x).attr("src", "images/comments-input.png")
										}
									} else {
										$(".right ul li:nth-child(3) img").eq(i).attr("src", "images/comments-on.png")
									} 
								}
							})
					})
						
				</script>
				<div class="mid-con">
					<h3>评价宝贝</h3>
					<div class="left">
						<a href="pro_details.html"><img src="images/comments00.jpg"></a>
					</div>
					<div class="right">
						<textarea placeholder="请输入对宝贝的评价"></textarea>
						<label class="bask"><button>晒照片</button></label>
						<div class="Choice">
							<label><input type="radio" />全部</label>
							<label class="om"><input type="radio" />追评</label>
						</div>
						<label class="promptly"><button>立即评价</button></label>
					</div>
				</div>
				
				<div class="mid-bot">
					<h3>猜你喜欢</h3>
					<ul>
						<li>
							<a href="pro_details.html">
								<img src="images/comments01.jpg" />
								<span>
									点击查看购买
								</span>
							</a>
						</li>
						<li>
							<a href="pro_details.html">
								<img src="images/comments01.jpg" />
								<span>
									点击查看购买
								</span>
							</a>
						</li>
						<li>
							<a href="pro_details.html">
								<img src="images/comments01.jpg" />
								<span>
									点击查看购买
								</span>
							</a>
						</li>
						<li>
							<a href="pro_details.html">
								<img src="images/comments01.jpg" />
								<span>
									点击查看购买
								</span>
							</a>
						</li>
						<li>
							<a href="pro_details.html">
								<img src="images/comments01.jpg" />
								<span>
									点击查看购买
								</span>
							</a>
						</li>
						<li>
							<a href="pro_details.html">
								<img src="images/comments01.jpg" />
								<span>
									点击查看购买
								</span>
							</a>
						</li>
						<li>
							<a href="pro_details.html">
								<img src="images/comments01.jpg" />
								<span>
									点击查看购买
								</span>
							</a>
						</li>
					</ul>
				</div>	
			</div>
			
		</div>
				<script>
						
				$(function(){
//						
//				
//					
						$(".Choice label").click(function(){
							$(this).addClass("om")
							$("this").find("input").prop("checked","checked")
							$(this).siblings().removeClass("om")
							$(this).siblings("label").find("input").removeAttr("checked")
						})
//						
						
//					
//						
						var bool = true;
						var	len = $(".mid-bot ul li").length;
						var li_width = $(".mid-bot ul li").outerWidth(true);
						var speed = 3000;
						var time;
						$('.mid-bot ul').width(li_width*len)
						
						time = setInterval(_,speed)
						function _(){
							if(bool){
								bool = false
								$('.mid-bot ul').animate({marginLeft:-li_width+"px"},700,function(){
									$(this).find('li').eq(len-1).after($(this).find('li').eq(0))
									$(this).css("margin-left","0")
									bool = true;
								})
							}else{
								return ;
							}
						}
						
//						
					})
				</script>
		<div class="footer">
			<div class="footer-top">
				<a class="code-left"><img src="images/code01.jpg"><span>官方微信</span></a>
				<a class="code-right"><img src="images/code02.jpg"><span>官方微博</span></a>
				<ul>
					<li>
						<i>7</i>
						<span>七天无理由退货</span>
					</li>
					<li>
						<i>优</i>
						<span>品质保证</span>
					</li>
					<li>
						<i>特</i>
						<span>特色服务体验</span>
					</li>
					<li>
						<i>？</i>
						<span>帮助中心</span>
					</li>
				</ul>
			</div>
			
			<!--footer-top-->
			<div class="footer-bottom">
				<p>
					<a href="about.html"><i>关于我们 </i></a>
					<a href="#"><i>购物袋 </i></a>
					<a href="#"><i>我的账户</i></a>
					<a href="#"><i>顾客查询</i></a>
					<a href="#"><i>产品优点</i></a>
					<a href="#"><i>零售网络</i></a>
					<a href="contact_us.html"><i>联络我们</i></a>
					<a href="#">Hallmark Babies 官方网站 Officia</a>
					<a href="#">Website</a>
				</p>
				<p><a class="left">Copyright © 2009-2016 MYBABYKID.COM 版权所有 </a><a href="#" class="right">使用条款 | 隐私及安全条例</a></p>
				<p> © Hallmark Cards, Inc.</p>
				<div class="attention">
					<p>立即关注</p>
					<p>最新产品</p>
					<p>优惠信息发布</p>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="js/login_user.js" ></script>
	</body>
</html>
